<!DOCTYPE >

<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>注册</title>

    <meta charset="utf-8">
    <style type="text/css">
        #lunkuo {
            position: absolute;
            top: 50%; /*顶部到元素*/
            left: 30%;
            width: 40%;
            height: 420px;
            margin-top: -200; /*边缘到底部*/
            background-color: #f0a1a8;
            text-align-last: center;
            filter: alpha(Opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
        }

        #lunkuo input {
            font-size: 20px;
            text-align: center;
            border-radius: 25px;
        }
        #zhuce {
                 background-color: pink;
                 border-radius: 10px;
                 border: 0; /*边框宽度0*/
                 height: 50px;
                 width: 90px;
                 padding: 5px 10px; /*上下填充10 左右5*/
                 font-size: 20px;
             }

    </style>
</head>
<body background="/app-assets/images/2.jpg" >

<div id="lunkuo">
    <h1>注册</h1><br/>
    <form th:action="@{/user/register}" method="post">

        <input type="text" name="userCode" id="userCode" placeholder="3-5位,数字字母下划线"/><span id="namespan"
                                                                                         style="color: red;"></span><br/><br/>

        <input type="password" name="password" id="password" placeholder="密码:6-12位"/><span id="passspan"
                                                                                          style="color: red;"></span><br/><br/>


        <input type="submit" name="zhuce" value="注册">
    </form>

</div>
</body>
</html>
